<template>
  <div>
    <Panel></Panel>
    <router-view></router-view>

  </div>
</template>

<script>
import Panel from '@/components/Panel'

export default {
  name: 'home',
  components: {
    Panel
  }
}
</script>

<style lang="scss" scoped>
.panel {
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1x 2ps 0 rgba(0, 0, 0, 0.05);

  .layui-container {
    display: flex;
    justify-content: space-between;

    ul {
    display: flex;

      li {
        a {
          padding: 0 20px;
        }

        .line {
          display: inline-block;
          height: 20px;
          width: 1px;
          background: #e2e2e2;
          vertical-align: middle;
          margin: 0 20px;
        }
      }

    }
    .right {
      float: right;

      .layui-icon-search {
        margin-right: 10px;
      }
    }
  }

}
</style>
